<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <script type="text/javascript" src="./js/jQuery3.4.1.js" ></script>



</head>
<body>
    <div class="head">
        <div class="topbar">
            <div class="wrapper">
            <div class="search fr">
                <input type="text" name="" id="">
                <input type="button" value="搜索" class="inbtn">
            </div>
            <div class="bar fr">
                <ul>
                    <li><a href="#">信息门户</a></li>
                     <li><a href="#">网站地图</a></li>
                     <li><a href="#">E-campus</a></li>
                     <li><a href="#">OA</a></li>
                     <li><a href="#">VPN</a></li>
                     <li><a href="#">Email</a></li>
                     <li><a href="#">English</a></li>
                </ul>
            </div>
        </div>
        </div>
      
        <div class="nav">
            <div class="wrapper">
                <ul>
                    <li><a href="./html/index.html">首页</a></li>
                    <li><a href="./html/你的名字.html">你的名字</a></li>
                    <li><a href="#">言叶之庭</a></li>
                    <li><a href="#">天气之子</a></li>
                    <li><a href="#">秒速五厘米</a></li>
                    <li><a href="#">铃芽之旅</a></li>
                   
                </ul>
            </div>
        </div>
    
        <div class="top_banner_box" >   
         <a href="#"><img src="./img2/图/主.jpg"  style="width: 1200px; height: 400px;"  /></a>          
 
        </div>  
    </div>



     <div class="banner">

        <div class="title wrapper">
            <h4 class="fl">经典语录</h4>
            <h6 class="fr">更多</h6>
        </div>
        <div class="tent wrapper">
            <div class="left fl">
               <div id="content">
                   <div id="imgdiv">
                       <img src="./img2/图/ndmz4.jpg" title=" "  id="img1" width="40px" height="480px">
                   </div>
                   <div id="thumbs">
                       <a href="./img2/图/ndmz4.jpg" title=" "><img src="./img2/图/ndmz4.jpg"></a>
                       <a href="./img2/图/yyzt2.jpg" title=" "><img src="./img2/图/yyzt2.jpg"></a>
                       <a href="./img2/图/ms5lm.jpg" title=" "><img src="./img2/图/ms5lm.jpg"></a>
                       <a href="./img2/图/lyzl1.jpg" title=" "><img src="./img2/图/lyzl1.jpg"></a>
                   </div>
               </div>
            </div>
                       
    <script>
        $(function(){
            $('#imgdiv').css({border:'soild 1px #ccc',padding:'5px',width:'550px'});
            var tt=$('#img1').prop('title');
            $('h2').append('<em></em>')
            $('em').html(tt);
            $('#thumbs').addClass('ys');
            $("#thumbs a").click(function(){
                var largepath=$(this).attr('href');
                var largetitle=$(this).attr('title');
                $('#imgdiv img').attr('src',largepath);
                $('h2 em').html(largetitle);
                return false;
            })
            
        })
    </script>
            <div class="right fl">
                <h2>经典语录</h2>
                <ul>
                    <li><a href="#">1."是因为在心里拼命地朝着你，所以现在能和你重逢。"</a></li>
                    <li><a href="#">2."我喜欢上了你。当你对我微笑时，我就会感觉到，这一刻是属于我一个人的。"</a></li>
                    <li><a href="#">3."时而迷失于繁星之间，时而跌落凡尘，我在寻找着你。"</a></li>
                    <li><a href="#">4."遇上她之后，我的世界很精彩。可是，我发现，我开始变成了那种我最厌恶的自己。"</a></li>
                    <li><a href="#">5."早晨，下雨的时候我都想见到你，感觉就算不开口呼吸都可以活下去。"</a></li>
                    <li><a href="#">6."每当你想起那时我不在的漫长的日子，请不要伤心。"</a></li>
                    <li><a href="#">7."夏天最后的一场雨。人们静静地聚在一起。"</a></li>
                    <li><a href="#">8."我们的相遇，因为有着不可名状的痛苦，有着至今也未能忘记的悲怆。"</a></li>
                    <li><a href="#">9."我看着这个世界，看着所有的人，都在失去什么东西。"</a></li>
                    <li><a href="#">10.。。。。。。。</a></li>
                </ul>
            </div>
        </div>
   
        <div id="demo" class="top_box wrapper" style="overflow: hidden; width: 1200px; height: 264px">
           <table width="100%" cellpadding="0" cellspacing="0">
             <tr>
               <td id="demo1"><table cellpadding="0" cellspacing="0">
                 <tr>
                   <td width="191" height="200" style="padding-right:10px"><a href="see/see6.html" target="_blank"><img src="./img2/图/你的名字.jpg" style="width: 191px;height: 200px;border: 0;" /></a>
                         <div class="tit"><a href="see/see6.html" target="_blank">你的名字</a></div>
                         </td>
                   <td width="191" height="200" style="padding-right:10px"><a href="see/see7.html" target="_blank"><img src="./img2/图/秒速五厘米.jpg" style="width: 191px;height: 200px;border: 0;" /></a>
                         <div class="tit"><a href="see/see7.html" target="_blank">秒速五厘米</a></div>
                         </td>
                   <td width="191" height="200" style="padding-right:10px"><a href="see/see8.html" target="_blank"><img src="./img2/图/言叶之庭.jpg" style="width: 191px;height: 200px;border: 0;" /></a>
                         <div class="tit"><a href="see/see8.html" target="_blank">言叶之庭</a></div>
                         </td>
                   <td width="191" height="200" style="padding-right:10px"><a href="see/see9.html" target="_blank"><img src="./img2/图/铃芽之旅.jpg" style="width: 191px;height: 200px;border: 0;" /></a>
                         <div class="tit"><a href="see/see9.html" target="_blank">铃芽之旅</a></div>
                         </td>
                   <td width="191" height="200" style="padding-right:10px"><a href="see/see10.html" target="_blank"><img src="./img2/图/天气之子.jpg" style="width: 191px;height: 200px;border: 0;" /></a>
                         <div class="tit"><a href="see/see10.html" target="_blank">天气之子</a></div>
                         </td>
                   <td width="191" height="200" style="padding-right:10px"><a href="see/see11.html" target="_blank"><img src="./img2/图/ndmz1.jpg" style="width: 191px;height: 200px;border: 0;" /></a>
                         <div class="tit"><a href="see/see11.html" target="_blank">你的名字</a></div>
                       </td>
                 </tr>
               </table></td>
               <td id="demo2"></td>
             </tr>
           </table>
         </div>

                       </div>
                   </div>

     </div>
     
                <div class="main">

                    <div class="footer">
                        <div class="f1">
                            <ul>
                                <li><a href="#">联系我们</a></li>
                                <li><a href="#">收藏本站</a></li>
                                <li><a href="#">信息反馈</a></li>
                                <li><a href="#">后台登录</a></li>
                            </ul>
                        </div>
                        
                    </div>

                </div>
    </body>
    </html>

